﻿<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8" />

    <meta name="cache-control" content="no-cache">
    <meta name="pragma" content="no-cache">
    <meta name="google" content="notranslate">

    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>

    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
    <meta http-equiv='Page-Enter' content='blendTrans(Duration=0.2)'>
    <meta http-equiv='Page-Exit' content='blendTrans(Duration=0.2)'>
    <meta name='description' content='Angular js and Bootstrap Project Mvc Model'>
    <meta name='author' content='bilgi@azmisahin.com'>
    <meta name='google' content='notranslate' />

    <link rel="shortcut icon" href="/favicon.png">
    <link rel="icon" href="/favicon.png">
    <link rel="apple-touch-icon" href="/favicon.png">


    <!--[if lt IE 9]>
    <script src="/ui/jquery/html5shiv.js"></script>
    <script src="/ui/jquery/respond.min.js"></script>
    <![endif]-->


    <title>The Add Control</title>

    <link href="Ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

    <script src="Ui/angularjs/angular.js"></script>

    <script src="Content/js/Control.js"></script>
    <link href="Content/css/Control.css" rel="stylesheet" />

</head>

<body>

    <div class="container">
        <div class="well">
            <h1>Control</h1>
            <h2>Görev Listesi</h2>

            <div ng-controller="TodoCtrl">

                <span>Toplam {{todos.length}} </span>
                <span>Kalan {{remaining()}} </span>

                [ <a href="" ng-click="Bekleyen()">Bekleyen İşler</a> ]
                [ <a href="" ng-click="Tamamlanan()">Tamamlanan İşler</a> ]

                <form ng-submit="Ekle()">
                    <input type="text" ng-model="notEtiket" size="30" placeholder="Yeni Ekle" />
                    <input class="btn-primary" type="submit" value="Ekle" />

                </form>

                <ul class="unstyled">
                    <li ng-repeat="todo in todos">
                        <input type="checkbox" ng-model="todo.done" />
                        <span class="done-{{todo.done}}">{{todo.text}}</span>
                    </li>
                </ul>

            </div><!--Controller-->
        </div>

    </div>
    

</body>
</html>
